﻿@model IEnumerable<SD.EF.FilmEntity>

<div class="jumbotron start-content">
    <div class="container" style="max-width:750px">
        <div class="row">
            <div class="col-md-6 col-sm-5 col-xs-12 col-lg-6">

                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width:320px">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">

                        @{ bool first = true; }
                        @foreach (var film in Model)
                        {
                            <div class="@(first ? "item active" : "item")">
                                <a href="~/Film/@film.KeyName">
                                    <img src=@string.Format("/Fotos/{0}", film.BigImg)  style="width:100%" />
                                <div class="carousel-caption">
                                    <h3 class="second-font">@film.EnName</h3>
                                    <p>@film.DeName</p>
                                </div>
                                    </a>
                            </div>
                            first = false;
                        }
                    </div>

                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>

             <div class="col-md-1 col-sm-2 col-lg-1"></div>
            <div class="col-md-5 col-sm-5 col-xs-12 col-lg-5">
                <div class="row row-grid">
                    <div class="col-md-6 col-xs-6 col-sm-6">
                        <a href="~/Film/Recommendations" class="thumbnail margin-left">
                            <img src="~/images/demo-teaser.jpg">
                            <div class="caption second-font">
                                EMPFELUNGEN
                            </div>
                        </a>
                    </div>
                    <div class="col-md-6 col-xs-6 col-sm-6">
                        <a href="~/Film/News" class="thumbnail margin-left">
                            <img src="~/images/demo-teaser.jpg">
                            <div class="caption second-font">
                                NEUIGKEITEN
                            </div>
                        </a>
                    </div>

                </div>
                <div class="row">
                    <div class="col-md-6 col-xs-6 col-sm-6">
                        <a href="~/Film/MostViewed" class="thumbnail margin-left">
                            <img src="~/images/demo-teaser.jpg">
                            <div class="caption second-font">
                                MEIST GESEHEN
                            </div>
                        </a>
                    </div>
                    <div class="col-md-6 col-xs-6 col-sm-6">
                        <a href="~/Film/Specials" class="thumbnail margin-left">
                            <img src="~/images/demo-teaser.jpg">
                            <div class="caption second-font">
                                SPECIALS
                            </div>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<div class="container body-content">

    <div class="row row-info">
        <div class="col-md-8">
            <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
            </p>
            <p><a class="btn btn-color" href="/Account/Login">Jetzt anmelden</a></p>
        </div>
        <div class="col-md-4">
            <h2 class="thread-font">SO EINFACH IST FILME SCHAUEN MIT SIVDO</h2>
        </div>
    </div>

</div>

